<template>
  <div class="box">
   

    <div class="cont">
      <div v-for="(item, index) in contList" :key="index" class="product">
        <div class="img">
          <div class="tupian"><img :src="item.pic" /></div>
          <div>{{ item.gname }}</div>
          <div>
            {{ item.price1 }} <s>{{ item.price2 }}</s>
          </div>
        </div>
        <!-- <div v-for="(item1, index1) in item.cont2" :key="index1" class="bottom">
          <div>
            <div class="tupian"><img :src="item1.img" /></div>
            <div>{{ item1.name }}</div>
            <div>
              {{ item1.price }}<s>{{ item1.marketprice }}</s>
            </div>
          </div>
        </div> -->
      </div>
    </div>
     <div class="data-ending"><p>已经全部加载完啦 o(*≧▽≦)ツ</p></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isactive1: "1",
      contList:[],
      titleList1: [
        { val: "全部", val2: "好试精选eeee", code: "1" },
        { val: "美甲", val2: "好试精选ee", code: "2" },
        { val: "美睫", val2: "好试精选", code: "3" },
        { val: "美容", val2: "好试精选", code: "4" },
        { val: "医疗", val2: "好试精选", code: "5" },
      ],
      // cont: [
      //   {
      //     img: "img/9.webp",
      //     name: "和v和v和v哈哈",
      //     price: "￥9.0",
      //     marketprice: "￥88",
      //     cont2: [
      //       {
      //         img: "img/10.webp",
      //         name: "1111111111111111",
      //         price: "￥99.0",
      //         marketprice: "￥188",
      //       },
      //     ],
      //   },
      //   {
      //     img: "img/9.webp",
      //     name: "和v和v和v哈哈",
      //     price: "￥9.0",
      //     marketprice: "￥88",
      //     cont2: [
      //       {
      //         img: "img/10.webp",
      //         name: "1111111111111111",
      //         price: "￥99.0",
      //         marketprice: "￥188",
      //       },
      //     ],
      //   },
      //   {
      //     img: "img/9.webp",
      //     name: "和v和v和v哈哈",
      //     price: "￥9.0",
      //     marketprice: "￥88",
      //     cont2: [
      //       {
      //         img: "img/10.webp",
      //         name: "1111111111111111",
      //         price: "￥99.0",
      //         marketprice: "￥188",
      //       },
      //     ],
      //   },
      //   {
      //     img: "img/9.webp",
      //     name: "和v和v和v哈哈",
      //     price: "￥9.0",
      //     marketprice: "￥88",
      //     cont2: [
      //       {
      //         img: "img/10.webp",
      //         name: "1111111111111111",
      //         price: "￥99.0",
      //         marketprice: "￥188",
      //       },
      //     ],
      //   },
      //   {
      //     img: "img/9.webp",
      //     name: "和v和v和v哈哈",
      //     price: "￥9.0",
      //     marketprice: "￥88",
      //     cont2: [
      //       {
      //         img: "img/10.webp",
      //         name: "1111111111111111",
      //         price: "￥99.0",
      //         marketprice: "￥188",
      //       },
      //     ],
      //   },
      // ],
    };
  },
  methods: {
    clickSelect(item) {
      this.isactive1 = item.val;
    },
  },
};
</script>

<style scoped>
.box{
  margin-bottom: 1.5rem;
}
.product {
  width: 49%;
 float: left;
}
.product img{
  width: 100%;
}
.img{
  width: 100%;
}
.bottom {
  width: 49%;
}
.tupian {
  width: 100%;
  height: 3rem;
}
.tupian img {
  width: 100%;
  height: 3rem;
}
.tupian img {
  width: 100%;
  height: 3rem;
}
.img {
  width: 100%;
}
s {
  color: #bdbdbd;
}
.data-ending{
  text-align: center;
  font-size: 0.36rem;
  width: 100%;
      clear: left;
}
</style>
